@import '../../../../../assets/scss/px_function.scss';

.message-item {

  &__msg_text {
    width: auto;
    min-width: px(20);
    max-width: px(500);
  }

  &__voice_icon {
    width: px(32);
    height: px(32);
  }

  &__container {
    
    
  }

  &__avatar {
    width: px(80);
    height: px(80);

    &__view {
      width:px(80);
      height:px(80);
      border-radius:px(40);
      background-color: #eee;
      overflow: hidden;
    }
  }

  &__content {
    min-height: px(50);
    background-color: #fff;
    width: auto;
    max-width: px(500);
    border-top-right-radius: px(25);
    border-bottom-right-radius: px(25);
    border-bottom-left-radius: px(25);
    overflow: hidden;
    &__left {
      background-color: #b9d7ff;
    }
    &__right {
      border-top-left-radius: px(25);
      border-top-right-radius: px(0);
      background-color: #b9d7ff;
    }
    img {
      display: inline-block;
      max-width: 100%;
      vertical-align: middle;
      border: 0;
    }
  }

  &__textmsg {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;

    &__text {
      width: auto;
      min-width: px(20);
      max-width: px(500);
      // line-height: px(36);
    }

    &__img {
      width: px(36);
      height: px(36);
    }
  }

}

